* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-family: "Microsoft YaHei", Arial, Helvetica;
}

a {
	text-decoration: none;
	color: #777777;
}

ul {
	margin-bottom: 0rem;
}

a:hover {
	text-decoration: none !important;
	color: #777777;
}


ul li {
	list-style: none;
}



.hm-t-map-card-title {
	border-bottom: 2px solid #f0f0f0;
	padding-top: 6px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #ededed;
	margin-bottom: 10px;
}
iframe{
	margin-left:5px;
}
.dt {
	width: 100%;
	overflow: hidden;
	padding-left:4px;
}

.dt li {
	overflow: hidden;
	/* 		height:34px; */
}

.zuo {
	width: 40px;
	height: 25px;
	float: left;
	padding-top: 5px;
	font-size:13px;
}

.you {
	width: 80%;
	float: right;
	font-size: 13px;
}

.card {
	width: 45px;
	height: 45px;
	color: #fff;
	text-align: center;
	padding-bottom: 45px;
	background-color: rgb(102, 102, 102);
	cursor: pointer;
	position: fixed;
	bottom: 50;
	right: 0;
}
.di {
	width: 241px;
	height: 457px;
	border: 1px solid #c7c7c7;
	position: fixed;
	bottom: 10;
	right: 55;
	background: #Fff;
	z-index: 1000;
	display: none;

}

/* .card:hover .di{
	display: none;
} */
#ding {
	width: 46px;
	height: 46px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgb(102, 102, 102);
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 0;
}

#ding img {
	width: 30px;
    height: 40px;
    padding-top: 10px;
}

#ding span {
	display: none;
}

#ding:hover span {
	display: block;
}

/* 导航
 */
.navbar {
	width: 100%;
	background: red;
	height: 50px;
	padding: 0px 60px;
	position: absolute;
	top: 0px;
	z-index: 1000;
	background: #030C16;
}

.navbar-toggler {
	margin-top: 7px;
	margin-bottom: 8px;
	border: 0px;
}

.daoy {
	/* height: 25px; */
}

.daoy li {
	color: #fff;
}
.yint{
	color:#fff;
}
#ja a{
	color:#fff;
}
.y {
	float: left;
	margin-left: 25px;
	cursor: pointer;
}

.y p {
	margin-bottom: 0px;
	margin-top: 0px;
}
.y i{
	margin-left:3px;
}

.dian {
	margin-left: 6px;
	margin-top: 5px;
}

.cang {
	display: none;
}

.cango {
	display: none;
}

.cangt {
	display: none;
}

.cang {
	color: darkgray;
}

.cango {
	color: darkgray;
}

.cangt {
	color: darkgray;
}

.ng {
	display: none;
	color: darkgray;
}

.x {
	padding: 8px 0;
	margin: 0;
	/*    display: none; */
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 45;
}

.x1 {
	padding: 8px 0;
	margin: 0;
	display: none;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 10;
}

.x2 {
	padding: 8px 0;
	margin: 0;
	/* display: none; */
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 10;
}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
	position: relative;
	display: inline-block;
}

.zhong {
	width: 55px;
	height: 25px;
	border: 1px solid #FFFFFF;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	padding-left: 5px;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
	display: none;
	position: absolute;
	border-radius: 5px;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.z {
	display: none;
	position: absolute;
	border-radius: 5px;
	min-width: 0px;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* 下拉菜单的链接 */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}

.z a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {
	background-color: #f1f1f1
}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
	display: block;
}

.a {
	position: absolute;
	top: 35px;
	left: -30px;
}

.b {
	position: absolute;
	top: 35px;
	left: -32px;
}

.c {
	position: absolute;
	top: 35px;
	left: -32px
}

.z {
	position: absolute;
	top: 35px;
	left: -20px
}

/* 轮播
 */
.swiper-container {
	position: relative;
	top: 0;
}

.on {
	width: 100%;
	height: 890px;
	position: relative;
	top: 0;

}


.btna {
	display: block;
	width: 228px;
	height: 47px;
	border: 0.02rem solid #fff;
	border-radius: 100rem;
	line-height: 47px;
	margin: auto;
	/* font: 0.24rem/0.56rem "Microsoft YaHei", PingFang-SC-Bold, Arial, Helvetica; */
	color: #D80715;
	cursor: pointer;
	position: relative;
}

.btna i {
	display: none;
}

.btna:hover span {
	-webkit-transition: all 0.5s ease-in;
	margin-right: 10px;
}

.btna:hover i {
	display: inline-block;
	-webkit-transition: all 0.5s ease-in;
	margin-left: 10px;
}

.ziti {
	position: absolute;
	top: 45%;
	left: 27%;
	color: #fff;
	margin: auto;
	text-align: center;
}

.ziti h1 {
	font-size: 60px;
}

.zitio {
	position: absolute;
	top: 45%;
	left: 33%;
	color: #fff;
	margin: auto;
	text-align: center;
}

.zitio h1 {
	font-size: 60px;
}

.zitit {
	position: absolute;
	top: 45%;
	left: 41%;
	color: #fff;
	margin: auto;
	text-align: center;
}

.zitit h1 {
	font-size: 60px;
}

.tw {
	display: none;
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}


/* 主体 */
.About {
	width: 100%;
	height: 500px;
	padding: 6.2rem 1.6rem;
	background-color: #fff;
}

.fluid {
	width: 1000px;
	height: 390px;
	overflow: hidden;
	padding: 0px;
}

.fluid-left {
	width: 297px;
	float: left;
	padding-left: 10px;
}

.tai {
	color: #666;
	margin-bottom: 1.32rem;
}

.pu {
	color: #919A9A;
	margin-bottom: 1.32rem;
}

.btno {
	display: block;
	width: 228px;
	height: 47px;
	border: 0.02rem solid red;
	border-radius: 100rem;
	line-height: 47px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.btno i {
	display: none;
}

.btno span {
	color: red;
}

.btno i {
	color: red;
}

.btno:hover span {
	-webkit-transition: all 0.5s ease-in;
	margin-right: 10px;
}

.btno:hover i {
	display: inline-block;
	-webkit-transition: all 0.5s ease-in;
	margin-left: 10px;
}

/* 右边 */
.fluid-right {
	width: 650px;
	height: 385px;
	padding-top: 0.4rem;
	margin-left: 15px;
	float: left;
	overflow: hidden;
}

.tur {
	float: left;

}

.tur img {
	height: 274px;
	cursor: pointer;
	transition: all 5s;
	width: 488px;
}

.tur li:hover img {
	transform: scale(1.5);
	position: relative;
	z-index: 100;
}

.tur li {
	display: none;
	height: 275px;
	overflow: hidden
}

.tur li.img {
	display: block;
}

.zil {
	width: 148px;
	height: 234px;
	float: right;
}

.zil li {
	width: 148px;
	height: 72px;
	border: 1px solid #E1E1E1;
	margin-bottom: 8px;
	padding-top: 10px;
	padding-left: 10px;
	cursor: pointer;
}

.zil li:hover {
	border: 1px solid #000;
}

/* 优选 */
.best {
	width: 100%;
	height: 526px;
	background: url(../img/imgs/best-bg.png);
	background-size: cover;
}

.bes {
	width: 100%;
	height: 204px;
	padding-top: 115px;
}

.bes h1 {
	color: #D80715;
	margin-bottom: 15px;
}

.bes span {
	color: #666666;
	margin-bottom: 30px;
}

/* news */
.news {
	/* height:550px; */
	padding: 6.0rem 1.6rem;
}

.new {
	width: 990px;
}

.net {
	height: 50px;
}

.net h1 {
	float: left;
}

.net a {
	float: right;
}

.nt {
	width: 130px;
	height: 36px;
	line-height: 36px;
}

.board {
	overflow: hidden;
}

.board li {
	width: 298px;
	float: left;
	margin-right: 30px;
	border: 1px solid #E7E7E7;
}

.board li:last-child {
	margin-right: 0px;
}

.board li img {
	width: 100%;
	height: 222px;
}

.board li h2 {
	font-size: 20px;
	padding-left: 10px;
	padding-top: 10px;
}

.board li h3 {
	color: #999;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.culture {
	width: 100%;
	background: #EDEDED;
	padding: 7.2rem 3.6rem;
}

.ture {
	width: 990px;
}

.ture h1 {
	color: #D80715;
	margin-bottom: 40px;
}

.ture ul {
	overflow: hidden;
}

.ture ul li {
	width: 25%;
	height: 358px;
	float: left;
	text-align: center;
	margin-right: 44px;
	margin-left: 50px;
}

.ture ul li:last-child {
	margin-right: 0px;
}

.ture ul li h2 {
	margin-top: 16px;
}

.ture ul li p {
	color: #666666;
}

.brand {
	padding: 6.2rem 3.3rem;
}

.bra {
	width: 1040px;
	height: 490px;
}

.bra p {
	color: #666666;
}

.brand {
	padding: 2rem 3.3rem;
}

.brand .swiper-slide img {
	width: 24%;
	margin-left: 5px;
}

.brand .swiper-container {
	height: 389px;
}

/* 联系我们 */
.contact {
	width: 100%;
	padding: 6rem 3.6rem;
	background-color: #f5f5f5;
	overflow: hidden;
}

.conta {
	width: 990px;
	height: 257px;
}

.clearfix {
	padding-bottom: 30px;
	overflow: hidden;
}

.clearfix li {
	float: left;
	margin-right: 40px;
	color: #000;
}

.clearfix li a {
	text-decoration: underline;
	color: #000;
}

.clearfix li:hover a {
	text-decoration: none;
	color: #D80715;
}



.part1 {
	width: 585px;
	float: left;
}

.clearfi li {
	width: 288px;
	height: 55px;
	float: left;
}

.clearfi li p {
	color: #999;
	font-size: 12px;
}

.clearfi li p a {
	color: #000;
}

.clearfi li a:hover {
	text-decoration: underline !important;
}

.part2 {
	width: 296px;
	height: 181px;
	float: right;
	padding-left: 15px;
}

.part2 li {
	float: left;
	margin-right: 24px;
}

.part2 li p {
	color: #999;
}

.four {
	color: #000000;
}

.imgbox img {
	width: 115px;
	height: 115px;
}

footer {
	width: 100%;
	background: #f5f5f5;
	height: 56px;
	border-top: 0.005rem solid #e1e1e1;
}

.foor {
	text-align: center;
	width: 990px;
	padding-top: 15px;
}

.foor:hover a {
	color: #337ab7;
}


.hm-t-go-top {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 37px;
}

/* 手机端 */
@media (max-width :600px) {

	/* 导航 */
	.daoy {}

	.y {
		float: none;
		width: 265px;
		height: 24px;

	}

	.zhong {
		width: 55px;
		height: 25px;
	}

	.dian {
		display: none;
	}

	.a {
		position: absolute;
		top: -31px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.a a {
		color: #999999;
	}

	.b {
		position: absolute;
		top: -31px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.b a {
		color: #999999;
	}

	.c {
		position: absolute;
		top: -77px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.c a {
		color: #999999;
	}

	.swiper-wrapper {
		width: 100%;
		height: 617px;
	}

	.on {
		display: none;
	}

	.tw {
		/* 		width: 414px; */
		height: 617px;
		display: block;
	}

	.swiper-button-next {
		display: none;
	}

	.swiper-button-prev {
		display: none;
	}

	.ziti {
		position: absolute;
		top: 50%;
		left: 2%;
		color: #fff;
		margin: auto;
		text-align: center;
	}

	.ziti h1 {
		font-size: 36px;
	}

	.zitio {
		position: absolute;
		top: 54%;
		left: 2%;
		color: #fff;
		margin: auto;
		text-align: center;
	}

	.zitio h1 {
		font-size: 36px;
		margin-bottom: 25px;
	}

	.zitio h3 {
		font-size: 26px;
		margin-bottom: 25px;
	}

	.zitit {
		position: absolute;
		top: 59%;
		left: 25%;
		color: #fff;
		margin: auto;
		text-align: center;
	}

	.zitit h1 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.zitit h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.btna span {
		float: left;
		padding-left: 65px;
	}

	.btna i {
		float: left;
		display: block;
		padding-top: 16px;
		padding-left: 45px;
	}

	.btna:hover span {
		-webkit-transition: all 0.5s ease-in;
		margin-left: 0px;
	}

	.btna:hover i {
		-webkit-transition: all 0.5s ease-in;
		margin-left: 0px;
	}

	.swiper-container {
		width: 100%;
	}

	.swiper-container img {
		width: 100%;
	}

	.swiper-slide {
		width: 100%;
	}

	.About {
		height: 470px;
		border: 0px;
	}

	.fluid {
		width: 100%;
	}

	.fluid-right {
		display: none;
	}

	.btno span {
		float: left;
		padding-left: 65px;
	}

	.btno i {
		float: left;
		display: block;
		padding-top: 16px;
		padding-left: 45px;
	}

	.btno:hover span {
		-webkit-transition: all 0.5s ease-in;
		margin-left: 0px;
	}

	.btno:hover i {
		-webkit-transition: all 0.5s ease-in;
		margin-left: 0px;
	}

	.best {
		width: 100%;
		height: 526px;
		background: url(../img/imgs/best-bg-sm.png);
		background-size: cover;
	}

	.bes {
		padding-top: 40px;
	}

	.bes h1 {
		font-size: 25px;
	}

	/* .news{
		height:0px;
	} */
	.new {
		width: 100%;
	}

	.board {
		width: 100%;
	}

	.board li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.nt {
		display: none;
	}

	.culture {
		padding: 1.2rem 1.6rem;
	}

	.ture {
		width: 100%;
	}

	.ture ul li {
		width: 100%;
		height: 259px;
		float: none;
		margin: 0px;
	}

	.ture ul li img {
		width: 102px;
		height: 102px;

	}

	#bra {
		width: 100%;
		height:180px;
	}

	#bra h1 {
		font-size: 22px;
	}

	.brand .swiper-container {
		display: none;
	}

	.contact {
		background: #fff;
		padding: 0px !important;
	}

	.conta {
		width: 100%;
		height: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.clearfix {
		border-bottom: 1px solid #e1e1e1;
		background: #f5f5f5;
		padding-top: 30px;
	}

	.clearfix li {
		width: 33%;
		margin-bottom: 20px;
		margin-right: 0px !important;
		margin-left: 46px;
	}

	.clearfix li a {
		text-decoration: none;
	}

	.aboutus {
		width: 100%;
		height: 565px;
		background: #fff;
	}

	.part1 {
		width: 100%;
		height: 53%;
		padding-top: 30px;
		float: none;
		background: #f5f5f5;
		padding-left: 40px;
	}

	.clearfi {
		float: none;
	}

	.clearfi li p a {
		color: #5E94C3;
	}

	.sm-hidden {
		display: none;
	}

	.part2 {
		float: none;
		width: 100%;
		padding: 1.8rem 8.4rem;
		background-color: #fff;
		background: #FFFFFF;

	}
		footer{
		background:#fff;
	}
	.foor {
		width: 100%;
	}
}
